﻿@{
    ViewBag.Title = "Thêm mới học viên từ khóa học trước";
}

<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
@*<script src="~/Scripts/jquery-1.10.2.min.js"></script>*@
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/jquery.number.js"></script>
<script>
    $("#txtSearchKey").keyup(function () {

        //alert("1");

        var selectedId = $(this).val();
        if (selectedId != null && selectedId != '' && selectedId.length >= 3) {

            var target = $("#patientList");
            target.empty();
            var htmlHeader = '<tr>' +
                                '<th><input type="checkbox" id="chkAll" /></th>' +
                                '<th>STT</th>' +
                                '<th> Mã học viên</th>' +
                                '<th>Họ đệm</th>' +
                                '<th>Tên</th>' +
                                '<th>Đơn vị GTVT</th>' +
                                '<th> Hạng đào tạo</th>' +
                                '<th>Giới tính</th>' +
                                '<th>Ngày sinh</th>' +
                                '<th>Nơi thường trú</th>' +

                                '</tr>'
            $(htmlHeader).appendTo($("#patientList"));

            $.ajax({
                url: '@Url.Action("getHocVienKyTruoc", "GPS_HocVienSatHach")',
                data: { 'keysearch': selectedId },
                type: "post",
                cache: false,
                success: function (data) {
                    target.empty();
                    $(htmlHeader).appendTo($("#patientList"));
                    for (var i = 0; i < data.hocviens.length; i++) {
                        var html =
                            '<tr>' +
                                '<td><input type="checkbox" name="chk_' + (i + 1) + '" value="' + data.hocviens[i].HV_KH_LOP_MA + '#' + data.hocviens[i].HV_DVGTVT_MA + '#' + data.hocviens[i].HV_KH_MA + '#' + data.hocviens[i].HV_MA + '"  /></td>' +
                                '<td>' + (i + 1) + '</td>' +
                                '<td>' + data.hocviens[i].HV_MA + '</td>' +
                                '<td>' + data.hocviens[i].HV_HODEM + '</td>' +
                                '<td>' + data.hocviens[i].HV_TEN + '</td>' +
                                '<td>' + data.hocviens[i].HV_DVGTVT_MA + '</td>' +
                                '<td>' + data.hocviens[i].HV_HANGDT_MA + '</td>' +
                                '<td>' + data.hocviens[i].HV_GIOITINH + '</td>' +
                                '<td>' + data.hocviens[i].HV_NGAYSINH + '</td>' +
                                '<td>' + data.hocviens[i].HV_NOITT + '</td>' +
                            '</tr >'
                        $(html).appendTo($("#patientList"));
                    }

                },
                error: function (data) {
                    alert('error');
                }
            });
        }



    });



</script>


<div class="modal-header fdb-panel-header-10">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h5 class="modal-title" id="myModalLabel">Thông tin học viên không dự thi sát hạch các khóa trước</h5>
</div>
<div class="modal-body fdb-panel-body-0">
    <div id="tabs">

        @using (Html.BeginForm("AddStudentSatHach", "GPS_HocVienSatHach", FormMethod.Post, new { enctype = "multipart/form-data", id = "form" }))
        {
            @Html.ValidationSummary(true)
            <div id="tabs-1">
                @Html.Hidden("pDVGTVT_MA", (string)ViewBag.pDVGTVT_MA)
                @Html.Hidden("pKH_MA", (string)ViewBag.pKH_MA)
                @Html.Hidden("pKH_LOP_MA", (string)ViewBag.pKH_LOP_MA)
                @*<div class="row margin-top-05" style="padding-left:30px">
                    <div class="col-md-3 control-label">
                        Số CMTND
                    </div>
                    <div class="col-md-5">
                        <b>
                            @Html.TextBox("txtCMTDN", new { @class = "form-control", @readonly = "readonly", @id = "txtCMTDN" })
                        </b>
                    </div>


                </div>*@
                @*<div class="row margin-top-05" style="padding-left: 30px">
                        <div class="col-md-3 control-label">
                            Mã khóa học
                        </div>
                        <div class="col-md-5">
                            <b>
                                @Html.TextBoxFor(model => model.KH_LOP_KH_MA, new { @class = "form-control", @readonly = "readonly", @id = "txtKH_LOP_KH_MA" })
                            </b>
                        </div>
                    </div>*@
                @*<div class="row margin-top-05" style="padding-left: 30px">
                        <div class="col-md-3 control-label">
                            Đơn vị GTVT
                        </div>
                        <div class="col-md-5">
                            <b>
                                @Html.TextBoxFor(model => model.KH_LOP_DVGTVT_MA, new { @class = "form-control", @readonly = "readonly", @id = "txtKH_LOP_DVGTVT_MA" })
                            </b>
                        </div>


                    </div>*@

                @*<div class="row margin-top-05" style="padding-left: 30px">
                        <div class="col-md-3 control-label">
                            Hạng đào tạo
                        </div>
                        <div class="col-md-5">
                            <b>
                                @Html.TextBoxFor(model => model.KH_LOP_HANGDT_MA, new { @class = "form-control", @readonly = "readonly", @id = "txtKH_LOP_HANGDT_MA" })
                            </b>
                        </div>


                    </div>*@

                <div class="row margin-top-05" style="padding-left: 30px">
                    <div class="col-md-3 control-label">
                        Tìm kiếm học viên
                    </div>
                    <div class="col-md-5">
                        <b>
                            <input type="text" placeholder="Số CMTND học viên" class="form-control" id="txtSearchKey" />
                        </b>
                    </div>


                </div>

                <div class="row margin-top-15" style="padding-left: 30px">
                    <div class="col-md-12">
                        <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Bạn chắc chắn muốn thêm học viên thi sát hạch không?');">
                            <span class="glyphicon glyphicon-floppy-disk"></span> Thêm học viên vào thi sát hạch
                        </button>
                        &nbsp;&nbsp;
                        <button class="btn btn-primary btn-sm" type="button" data-dismiss="modal">Hủy bỏ</button>
                    </div>

                </div>
                <div class="row margin-top-05">

                </div>

                <br />
                <h3 class="text-center fdb-title-search-form">Danh sách học viên chưa sát hạch kỳ trước&nbsp;&nbsp;&nbsp;<b style="color:blue; font-size:20px"></b></h3>
                <h4 style="text-align:center;"></h4>
                <br />
                <div class="row margin-top-05">
                    <div class="col-md-12" id="content">
                        <table class="table table-hover table-bordered table-condensed" id="patientList">
                            <tr>
                                <th>
                                    <input type="checkbox" id="chkAll" />
                                </th>
                                <th>STT</th>
                                <th>
                                    Mã học viên
                                </th>
                                <th>
                                    Họ đệm

                                </th>
                                <th>
                                    Tên
                                </th>
                                <th>
                                    Đơn vị GTVT
                                </th>
                                <th>
                                    Hạng đào tạo
                                </th>
                                <th>
                                    Giới tính
                                </th>
                                <th>
                                    Ngày sinh
                                </th>
                                <th>
                                    Nơi thường trú
                                </th>
                            </tr>


                        </table>

                    </div>
                    <div id="loader" class=" aletr" style="display:none">
                        Loading...<img src="~/Images/ajax-loader.gif" />
                    </div>
                </div>


            </div>
        }
    </div>

</div>


